import { Label } from 'src/components/label';
import { SvgColor } from 'src/components/svg-color';

// ----------------------------------------------------------------------

const icon = (name: string) => <SvgColor src={`/assets/icons/navbar/${name}.svg`} />;

export type NavItem = {
  title: string;
  /**
   * 可选的路由路径：对于分组项（拥有 children）可不设置 path。
   */
  path?: string;
  icon?: React.ReactNode;
  info?: React.ReactNode;
  /**
   * 子菜单项，用于构建二级、三级等多级菜单。
   */
  children?: NavItem[];
};

export const navData = [
  {
    title: 'マイページ',
    path: '/home',
    icon: icon('ic-home'),
  },
  {
    title: 'キャンディデイト',
    path: '/candidate',
    icon: icon('ic-person'),
  },
  {
    title: '会社情報',
    path: '/company',
    icon: icon('ic-company'),
    children: [
      {
        title: '会社情報検索',
        path: '/company',
        icon: icon('ic-search'),
      },
      {
        title: '会社情報登録',
        path: '/company/add',
        icon: icon('ic-input'),
      }
    ]
    // info: (
    //   <Label color="error" variant="inverted">
    //     +3
    //   </Label>
    // ),
  },
  // {
  //   title: 'ブログ',
  //   path: '/blog',
  //   icon: icon('ic-blog'),
  // },
  /**
   * 多階層メニュー例（2階層・3階層を含む）
   */
  {
    title: '多階層メニュー例',
    icon: icon('ic-analytics'),
    children: [
      {
        title: '二階層の例',
        path: '/nested/level-2',
        icon: icon('ic-user'),
        children: [
          {
            title: '三階層の例',
            path: '/nested/level-2/level-3',
            icon: icon('ic-cart'),
          },
        ],
      },
    ],
  },
  // {
  //   title: 'ログイン',
  //   path: '/sign-in',
  //   icon: icon('ic-lock'),
  // },
  // {
  //   title: '404',
  //   path: '/404',
  //   icon: icon('ic-disabled'),
  // },
];
